{include file=header.html}
<!---------详情页------------->
<link href="{res file=css/detail.css}" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{res file=js/touchslider.dev.js}"></script>
<div class="detail_con">
<!--    <ul class="tab">
        <li class="cur">商品主图</li>
        <li class=""><span>商品详情</span></li>
        <li><span>{$comments}</span></li>
    </ul>-->
    <div class="tab_con_">
        {include file=goodsinfo.html}
        {include file=goods.relation.html}
    </div>
    <ul class="tab">
        <li class="cur">{$lang.goods_detail}</li>
        <li class=""><span>{$lang.cumulative_assessment}({$comments})</span></li>
        <li><a href="{url app=store&id=$store.store_id}">{$lang.enter_the_store}</a></li>
    </ul>
    <div class="tab_con">
            {if $props}
            <div style="background:#F5F5F5;margin-bottom:20px;margin-top:10px;border:1px #E2E2E2 solid;">
               {foreach from=$props item=prop}
               <div style="float:left;width:32%;padding:5px; height:20px; line-height:20px;background:#F5F5F5">
                  {$prop.name}：{$prop.value}
               </div>
               {/foreach}
               <div style="clear:both;height:0; display:block; overflow:hidden"></div>
            </div>
            {/if}
        {$goods.description|escape:editor}
    </div>
    <div class="tab_con" style="display:none;">
        <ul class="comments_list">
            <!-- {foreach from=$goods_comments item=comment} -->
            <li>
                <p>
                    <span>{if $comment.anonymous}***{else}{$comment.buyer_name|escape}{/if} ({$comment.evaluation_time|date:complete})</span><b style="float:right;margin-right:8px">{$lang.graded}:{if $comment.evaluation gt 0}<img style="width:11px;height:11px;" src="{res file=images/bit.gif}" />{/if}
                        {if $comment.evaluation gt 1}<img style="width:11px;height:11px;" src="{res file=images/bit.gif}" />{/if}
                        {if $comment.evaluation gt 2}<img style="width:11px;height:11px;" src="{res file=images/bit.gif}" />{/if}
                        {if $comment.evaluation lt 3}<img style="width:11px;height:11px;" src="{res file=images/bit2.gif}" />{/if}
                        {if $comment.evaluation lt 2}<img style="width:11px;height:11px;" src="{res file=images/bit2.gif}" />{/if}
                        {if $comment.evaluation lt 1}<img style="width:11px;height:11px;" src="{res file=images/bit2.gif}" />{/if}</b>
                </p>
                <p class="con">{$comment.comment|escape|nl2br}</p>
            </li>
            <!-- {foreachelse} -->
            <li>{$lang.no_comment_item}</li>
            <!-- {/foreach} -->
        </ul>
        <!--------翻页-------------->
    </div>
    <div class="alert_text"></div>
</div>
<!----------tab切换--------------->
<script type="text/javascript">
    jQuery(function(jq) {
        function changeTab(lis, divs) {
            lis.each(function(i) {
                var els = jq(this);
                els.click(function() {
                    lis.removeClass();
                    divs.stop().hide().animate({'opacity': 0}, 0);
                    jq(this).addClass("cur");
                    divs.eq(i).show().animate({'opacity': 1}, 300);
                });
            });
        }
        var rrE = jq(".detail_con");
        changeTab(rrE.find(".tab li"), rrE.find(".tab_con"));

    });
        $(function(){
        $("body").find("*").each(function(){
            $(this).load(function(){
                if($(this).width()>$(window).width()){
                    $(this).css("width","100%");
                }
            })
        });
                $(".tab_con img").each(function(){
                var img_src=$(this).attr("src");
                $(this).attr("src",img_src.replace("./data","{$site_url}/data"));
                
        })

        })
</script>
<!------底部-------->
{include file=footer.html}
